<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>支付</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="微信扫码支付  支付宝扫码支付  微信H5支付  支付宝H5支付 微信APP支付 支付宝APP支付 ">
    <meta name="description" content="聚焦为移动电子商务提供安全、快捷、方便的移动支付服务方案，为企业商户提供个性化的支付产品、安全的支付环境和快捷的接入服务，推动合作伙伴业务快速发展。">
    <script src="/static/cms/static/js/jquery-1.12.4.min.js"></script>
    <!--<link rel="stylesheet" href="/static/cms/static/css/index.css" type="text/css" />-->
    <link rel="stylesheet" media="screen and (min-width:1px)" href="/static/cms/static/css/site-0.css">
    <link rel="stylesheet" media="screen and (min-width:750px)" href="/static/cms/static/css/site-768.css">
    <link rel="stylesheet" media="screen and (min-width:970px)" href="/static/cms/static/css/site-992.css">
    <link rel="stylesheet" media="screen and (min-width:1170px)" href="/static/cms/static/css/site-1200.css">
    <script type="text/javascript" src="/static/cms/static/js/pageswitch.js"></script>
    <!--支付场景CSS-->
    <link href="/static/cms/static/css/section-2.css" rel="stylesheet">
    <!--font icon-->
    <link rel="stylesheet" href="/static/cms/static/css/icomoon-free.css" type="text/css">
    <link rel="stylesheet" href="/static/cms/static/css/public.css" />
    <script language=javascript src="/static/cms/static/js/layer.js"></script>
</head>

<body>
    <div class="nav">
        <div class="menu">
            <ul id="menu-ul">
                <li class="current"><a href="javascript:void(0);" onclick="SelectPage(0);">首页</a></li>
                <li class=""><a href="javascript:void(0);" onclick="SelectPage(1);">支付场景</a></li>
                <li class=""><a href="javascript:void(0);" onclick="SelectPage(2);">产品服务</a></li>
                <li class=""><a href="javascript:void(0);" onclick="SelectPage(3);">支付渠道</a></li>
                <li class=""><a href="javascript:void(0);" onclick="SelectPage(4);">产品优势</a></li>
                <li class=""><a href="javascript:void(0);" onclick="SelectPage(5);">接入流程</a></li>
                <li class=""><a href="javascript:void(0);" onclick="SelectPage(6);">关于公司</a></li>
                <li class=""><a href="javascript:void(0);" onclick="SelectPage(7);">联系我们</a></li>
                <li><a href="/pay.zip" class="loginBtn nav-child">支付文档</a></li>
                <div class="block" style="width: 66px; left: 0px;"></div>
            </ul>
        </div>
        <div class="menu-collese">
            <span id="menu-span" class="icon icon-menu"></span>
        </div>
        <div id="right-menu" class="right-menu">
            <ul>
                <li><a href="javascript:void(0);" onclick="SelectPage(0);">首页</a></li>
                <li><a href="javascript:void(0);" onclick="SelectPage(1);">支付场景</a></li>
                <li><a href="javascript:void(0);" onclick="SelectPage(2);">产品服务</a></li>
                <li><a href="javascript:void(0);" onclick="SelectPage(3);">支付渠道</a></li>
                <li><a href="javascript:void(0);" onclick="SelectPage(4);">产品优势</a></li>
                <li><a href="javascript:void(0);" onclick="SelectPage(5);">接入流程</a></li>
                <li><a href="javascript:void(0);" onclick="SelectPage(6);">关于公司</a></li>
                <li><a href="javascript:void(0);" onclick="SelectPage(7);">联系我们</a></li>
                <li><a href="/pay.zip" class="loginBtn nav-child">支付文档</a></li>
            </ul>
        </div>
    </div>

    <div id="wrap" class="wrapper">
        <div id="pages">
            <div class="page page1"
                style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  transform: translateY(0%) translateZ(0px);">
                <div id="banner">
                    <div class="page"
                        style="background: url(/static/cms/static/images/img-1.jpg) center center no-repeat; display:block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateX(0%) translateZ(0px);">
                        <div class="banner-text-1">安全 稳定 快捷</div>
                        <div class="banner-text-2">SAFETY STABLE RELIABLE</div>
                        <div class="banner-text-3">一家专注于支付领域的公司<br>为用户提供支付解决方案</div>
                    </div>
                    <div class="page"
                        style="background: url(/static/cms/static/images/img-2.jpg) center center no-repeat;  position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateX(-100%) translateZ(0px);">
                        <div class="banner-text-1">专业团队开发</div>
                        <div class="banner-text-2">PROFESSIONAL TEAM</div>
                        <div class="banner-text-3">我们拥有丰富的开发经验<br>以及完善的客户服务</div>
                    </div>
                    <div class="page"
                        style="background: url(/static/cms/static/images/img-7.jpg) center center no-repeat; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateX(-100%) translateZ(0px);">
                        <div class="banner-text-1">让支付更简单</div>
                        <div class="banner-text-2">SIMPLE</div>
                        <div class="banner-text-3">提供各种API接口<br>满足各种支付场景</div>
                    </div>

                </div>
                <div class="banner-nav" id="banner-nav">
                    <div class="banner-nav-container">
                        <a href="javascript:void(0);" class="" onmouseover="SelectBannerPage(0);" class="active"></a>
                        <a href="javascript:void(0);" onmouseover="SelectBannerPage(1);"></a>
                        <a href="javascript:void(0);" onmouseover="SelectBannerPage(2);" class=""></a>
                    </div>
                </div>
                <div class="down-btn-div">
                    <div class="down-btn">
                        <a class="down-btn-link" onclick="SelectPage(1);"></a>
                    </div>
                </div>
            </div>
            <div class="page page2"
                style="background: url(/static/cms/static/images/img-4.jpg) center center no-repeat; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(100%) translateZ(0px);">
                <div class="section-title-cn">全支付场景覆盖</div>
                <div class="section-title-en">Cover all payment scenarios</div>
                <div class="page2-secion" id="page2-secion-part1">


                    <section class="business active">
                        <div class="box">
                            <ul class="items list-inline">
                                <li class="pc">
                                    <u class="cl"></u>
                                    <u class="cr"></u>
                                    <i></i><strong>互联网支付</strong>
                                    <p>PC端网页支付<br>多渠道支付</p>
                                </li>
                                <li class="mobi">
                                    <u class="cl"></u>
                                    <u class="cr"></u>
                                    <i></i><strong>移动端支付</strong>
                                    <p>APP/HTML5<br>微信公众号</p>
                                </li>
                                <li class="sys">
                                    <u class="cl"></u>
                                    <u class="cr"></u>
                                    <i></i><strong>扫码支付</strong>
                                    <p>线上线下扫码支付<br>支持支付宝和微信支付</p>
                                </li>
                                <li class="app">
                                    <u class="cl"></u>
                                    <u class="cr"></u>
                                    <i></i><strong>企业付款</strong>
                                    <p>支持商户向企业/个人打款<br>到账快，费率低</p>
                                </li>
                                <li class="host">
                                    <u class="cl"></u>
                                    <u class="cr"></u>
                                    <i></i><strong>分期支付</strong>
                                    <p>信用消费，降低消费门槛<br>安全高效的风控体系 极速审核使用</p>
                                </li>
                            </ul>
                        </div>
                    </section>

                </div>


                <!--手机-->
                <div id="page2-secion-part2">
                    <div class="page pc-payment"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;">
                        <div class="pay-contenter">
                            <u class="cl"></u>
                            <u class="cr"></u>
                            <i></i><strong>互联网支付</strong>
                            <p>PC端网页支付<br>多渠道支付</p>
                        </div>
                    </div>
                    <div class="page mobi-payment"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="pay-contenter">
                            <u class="cl"></u>
                            <u class="cr"></u>
                            <i></i><strong>移动端支付</strong>
                            <p>APP/HTML5<br>微信公众号</p>
                        </div>
                    </div>
                    <div class="page sys-payment"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="pay-contenter">
                            <u class="cl"></u>
                            <u class="cr"></u>
                            <i></i><strong>扫码支付</strong>
                            <p>线上线下扫码支付<br>支持支付宝和微信支付</p>
                        </div>
                    </div>
                    <div class="page app-payment"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="pay-contenter">
                            <u class="cl"></u>
                            <u class="cr"></u>
                            <i></i><strong>企业付款</strong>
                            <p>支持商户向企业/个人打款<br>到账快，费率低</p>
                        </div>
                    </div>
                    <div class="page host-payment"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="pay-contenter">
                            <u class="cl"></u>
                            <u class="cr"></u>
                            <i></i><strong>分期支付</strong>
                            <p>信用消费，降低消费门槛<br>安全高效的风控体系 极速审核使用</p>
                        </div>
                    </div>
                </div>
                <!--左右按钮-->
                <div class="payment-nav-div">
                    <div class="payment-nav-div-left"><i class="icon icon-ctrl"></i></div>
                    <div class="payment-nav-div-right"><i class="icon icon-ctrl"></i></div>
                </div>
                <script>
                    var pw_payment = new pageSwitch('page2-secion-part2', {
                        duration: 600, //int 页面过渡时间
                        direction: 0, //int 页面切换方向，0横向，1纵向
                        start: 0, //int 默认显示页面
                        loop: true, //bool 是否循环切换
                        ease: 'ease', //string|function 过渡曲线动画，详见下方说明
                        transition: 'scroll', //string|function转场方式，详见下方说明
                        freeze: false, //bool 是否冻结页面
                        mouse: true, //bool 是否启用鼠标拖拽
                        mousewheel: true, //bool 是否启用鼠标滚轮切换
                        arrowkey: true, //bool 是否启用键盘方向切换
                        autoplay: false              //bool 是否自动播放幻灯 新增
                    });
                    $(".payment-nav-div-left").on("click", function () {
                        pw_payment.prev();
                    });
                    $(".payment-nav-div-right").on("click", function () {
                        pw_payment.next();
                    });
                </script>


                <!--手机end-->
            </div>

            <div class="page page3"
                style="background: url(/static/cms/static/images/img-5.jpg) center center no-repeat; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(100%) translateZ(0px);">

                <div class="section-title-cn">产品服务</div>
                <div class="section-title-en">Service</div>
                <div id="product-service" class="product-service">
                    <div class="product-service-item">
                        <div class="product-service-item-pic">
                            <img src="/static/cms/static/images/p1.jpg">
                        </div>
                        <div class="product-service-item-text">
                            <p class="product-service-item-text-title">支付通道代开</p>
                            <p>让您省去繁琐步骤，一次性通过</p>
                        </div>
                    </div>
                    <div class="product-service-item">
                        <div class="product-service-item-pic">
                            <img src="/static/cms/static/images/p2.jpg">
                        </div>
                        <div class="product-service-item-text">
                            <p class="product-service-item-text-title">API接口功能强大</p>
                            <p>支持各种支付场景</p>
                        </div>
                    </div>
                    <div class="product-service-item" style="margin-right:0;">
                        <div class="product-service-item-pic">
                            <img src="/static/cms/static/images/p3.jpg">
                        </div>
                        <div class="product-service-item-text">
                            <p class="product-service-item-text-title">商户管理后台</p>
                            <p>后台高效接入，方便商户管理</p>
                        </div>
                    </div>
                </div>
                <!--手机屏幕-->
                <div id="product-service-small" class="product-service-small">
                    <div class="product-service-item-small page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;">
                        <div class="product-service-item-small-content">
                            <div class="product-service-item-pic-small">
                                <img src="/static/cms/static/images/p1.jpg" width="100%">
                            </div>
                            <div class="product-service-item-text">
                                <p class="product-service-item-text-title">支付通道代开</p>
                                <p>让您省去繁琐步骤，一次性通过</p>
                            </div>
                        </div>
                    </div>

                    <div class="product-service-item-small page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="product-service-item-small-content">
                            <div class="product-service-item-pic-small">
                                <img src="/static/cms/static/images/p2.jpg" width="100%">
                            </div>
                            <div class="product-service-item-text">
                                <p class="product-service-item-text-title">API接口功能强大</p>
                                <p>支持各种支付场景</p>
                            </div>
                        </div>
                    </div>

                    <div class="product-service-item-small page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="product-service-item-small-content">
                            <div class="product-service-item-pic-small">
                                <img src="/static/cms/static/images/p3.jpg" width="100%">
                            </div>
                            <div class="product-service-item-text">
                                <p class="product-service-item-text-title">商户管理后台</p>
                                <p>后台高效接入，方便商户管理</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="product-service-nav-div">
                    <div class="product-service-nav-div-left"><i class="icon icon-ctrl"></i></div>
                    <div class="product-service-nav-div-right"><i class="icon icon-ctrl"></i></div>
                </div>
                <script>
                    var pw_product_serivce = new pageSwitch('product-service-small', {
                        duration: 600, //int 页面过渡时间
                        direction: 0, //int 页面切换方向，0横向，1纵向
                        start: 0, //int 默认显示页面
                        loop: true, //bool 是否循环切换
                        ease: 'ease', //string|function 过渡曲线动画，详见下方说明
                        transition: 'scroll', //string|function转场方式，详见下方说明
                        freeze: false, //bool 是否冻结页面
                        mouse: true, //bool 是否启用鼠标拖拽
                        mousewheel: true, //bool 是否启用鼠标滚轮切换
                        arrowkey: true, //bool 是否启用键盘方向切换
                        autoplay: false              //bool 是否自动播放幻灯 新增
                    });
                    $(".product-service-nav-div-left").on("click", function () {
                        pw_product_serivce.prev();
                    });
                    $(".product-service-nav-div-right").on("click", function () {
                        pw_product_serivce.next();
                    });
                </script>

                <!--手机end-->
            </div>

            <div class="page page4"
                style="background: url(/static/cms/static/images/img-10.jpg) center center no-repeat; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(100%) translateZ(0px);">
                <div class="section-title-cn">支持全主流支付渠道</div>
                <div class="section-title-en">Support all mainstream payment</div>

                <div class="paylist" id="paylist">
                    <ul>
                        <li>
                            <div class="paylist-item" id="alipay" style="top: 0px;"><img
                                    src="/static/cms/static/images/alipay.png"></div>
                        </li>
                        <li>
                            <div class="paylist-item" id="wxpay" style="top: 0px;"><img
                                    src="/static/cms/static/images/weixin.png"></div>
                        </li>
                        <li>
                            <div class="paylist-item" id="ylpay" style="top: 0px;"><img
                                    src="/static/cms/static/images/yinlian-1.png"></div>
                        </li>
                        <li>
                            <div class="paylist-item" id="qqpay" style="top: 0px;"><img
                                    src="/static/cms/static/images/qqpay.png"></div>
                        </li>
                        <li>
                            <div class="paylist-item" id="jdpay" style="top: 0px;"><img
                                    src="/static/cms/static/images/jdpay.png"></div>
                        </li>
                        <li>
                            <div class="paylist-item" id="baidupay" style="top: 0px;"><img
                                    src="/static/cms/static/images/baidupay.png"></div>
                        </li>
                        <li>
                            <div class="paylist-item" id="tencenpay" style="top: 0px;"><img
                                    src="/static/cms/static/images/tencenpay.png"></div>
                        </li>
                        <li>
                            <div class="paylist-item" id="ylpay" style="top: 0px;"><img
                                    src="/static/cms/static/images/yinlian-1.png"></div>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
                <!---phone---->
                <div class="paylist-phone" id="paylist-phone">
                    <div class="page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;">
                        <div class="paylist-item-phone"><img src="/static/cms/static/images/alipay.png"></div>
                    </div>
                    <div class="page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="paylist-item-phone"><img src="/static/cms/static/images/weixin.png"></div>
                    </div>
                    <div class="page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="paylist-item-phone"><img src="/static/cms/static/images/yinlian-1.png"></div>
                    </div>
                    <div class="page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="paylist-item-phone"><img src="/static/cms/static/images/qqpay.png"></div>
                    </div>
                    <div class="page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="paylist-item-phone"><img src="/static/cms/static/images/jdpay.png"></div>
                    </div>
                    <div class="page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="paylist-item-phone"><img src="/static/cms/static/images/baidupay.png"></div>
                    </div>
                    <div class="page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="paylist-item-phone"><img src="/static/cms/static/images/tencenpay.png"></div>
                    </div>
                    <div class="page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="paylist-item-phone"><img src="/static/cms/static/images/yinlian-1.png"></div>
                    </div>
                </div>
                <div class="paylist-phone-nav-div">
                    <div class="paylist-phone-nav-div-left"><i class="icon icon-ctrl"></i></div>
                    <div class="paylist-phone-nav-div-right"><i class="icon icon-ctrl"></i></div>
                </div>
                <script>
                    var pw_paylist_phone = new pageSwitch('paylist-phone', {
                        duration: 600, //int 页面过渡时间
                        direction: 0, //int 页面切换方向，0横向，1纵向
                        start: 0, //int 默认显示页面
                        loop: true, //bool 是否循环切换
                        ease: 'ease', //string|function 过渡曲线动画，详见下方说明
                        transition: 'scroll', //string|function转场方式，详见下方说明
                        freeze: false, //bool 是否冻结页面
                        mouse: true, //bool 是否启用鼠标拖拽
                        mousewheel: true, //bool 是否启用鼠标滚轮切换
                        arrowkey: true, //bool 是否启用键盘方向切换
                        autoplay: false              //bool 是否自动播放幻灯 新增
                    });
                    $(".paylist-phone-nav-div-left").on("click", function () {
                        pw_paylist_phone.prev();
                    });
                    $(".paylist-phone-nav-div-right").on("click", function () {
                        pw_paylist_phone.next();
                    });
                </script>
                <!---phone end-->
            </div>

            <div class="page page5"
                style="background: url(/static/cms/static/images/img-11.jpg) center center no-repeat; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(100%) translateZ(0px);">
                <div class="section-title-cn">产品优势</div>
                <div class="section-title-en">Product advantage</div>

                <div class="chanpinyoushi" id="chanpinyoushi">
                    <div class="cpys-item">
                        <p><span class="icon icon-power"></span></p>
                        <p class="cpys-item-title">极速</p>
                        <p>您仅需集成SDK</p>
                        <p>敲几行代码即可接入支付</p>
                    </div>
                    <div class="cpys-item">
                        <p><span class="icon icon-stack"></span></p>
                        <p class="cpys-item-title">高效</p>
                        <p>简洁流畅的操作体验</p>
                        <p>让支付和收钱更简单</p>
                    </div>
                    <div class="cpys-item">
                        <p><span class="icon icon-lock"></span></p>
                        <p class="cpys-item-title">安全</p>
                        <p>多重数据加密</p>
                        <p>严控访问权限保障交易安全</p>
                    </div>
                    <div class="cpys-item">
                        <p><span class="icon icon-cogs"></span></p>
                        <p class="cpys-item-title">稳定</p>
                        <p>统计系统运行状态</p>
                        <p>随时随地查看系统运转情况</p>
                    </div>
                </div>

                <!--phone--->
                <div class="chanpinyoushi" id="chanpinyoushi-phone">
                    <div class="cpys-item page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;">
                        <div class="cpys-item-phone">
                            <p><span class="icon icon-power"></span></p>
                            <p class="cpys-item-title">极速</p>
                            <p>您仅需集成SDK</p>
                            <p>敲几行代码即可接入支付</p>
                        </div>
                    </div>
                    <div class="cpys-item page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="cpys-item-phone">
                            <p><span class="icon icon-stack"></span></p>
                            <p class="cpys-item-title">高效</p>
                            <p>简洁流畅的操作体验</p>
                            <p>让支付和收钱更简单</p>
                        </div>
                    </div>
                    <div class="cpys-item page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="cpys-item-phone">
                            <p><span class="icon icon-lock"></span></p>
                            <p class="cpys-item-title">安全</p>
                            <p>多重数据加密</p>
                            <p>严控访问权限保障交易安全</p>
                        </div>
                    </div>
                    <div class="cpys-item page"
                        style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;">
                        <div class="cpys-item-phone">
                            <p><span class="icon icon-cogs"></span></p>
                            <p class="cpys-item-title">稳定</p>
                            <p>统计系统运行状态</p>
                            <p>随时随地查看系统运转情况</p>
                        </div>
                    </div>
                </div>

                <div class="cpys-phone-nav-div">
                    <div class="cpys-phone-nav-div-left"><i class="icon icon-ctrl"></i></div>
                    <div class="cpys-phone-nav-div-right"><i class="icon icon-ctrl"></i></div>
                </div>


                <script>
                    var pw_cpys_phone = new pageSwitch('chanpinyoushi-phone', {
                        duration: 600, //int 页面过渡时间
                        direction: 0, //int 页面切换方向，0横向，1纵向
                        start: 0, //int 默认显示页面
                        loop: true, //bool 是否循环切换
                        ease: 'ease', //string|function 过渡曲线动画，详见下方说明
                        transition: 'scroll', //string|function转场方式，详见下方说明
                        freeze: false, //bool 是否冻结页面
                        mouse: true, //bool 是否启用鼠标拖拽
                        mousewheel: true, //bool 是否启用鼠标滚轮切换
                        arrowkey: true, //bool 是否启用键盘方向切换
                        autoplay: false              //bool 是否自动播放幻灯 新增
                    });
                    $(".cpys-phone-nav-div-left").on("click", function () {
                        pw_cpys_phone.prev();
                    });
                    $(".cpys-phone-nav-div-right").on("click", function () {
                        pw_cpys_phone.next();
                    });
                </script>
                <!--phone-end-->

            </div>

            <div class="page page6"
                style="background: url(/static/cms/static/images/img-3.jpg) center center no-repeat; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(100%) translateZ(0px);">
                <div class="section-title-cn">接入流程</div>
                <div class="section-title-en">Access flow</div>

                <div class="access-container" id="access-container">
                    <div class="access-item">
                        <div class="access-item-icon"><span class="icon icon-pen"></span></div>
                        <div class="access-item-text">注册</div>
                    </div>
                    <div class="access-item">
                        <div class="access-item-icon"><span class="icon icon-profile"></span></div>
                        <div class="access-item-text">商户认证</div>
                    </div>
                    <div class="access-item">
                        <div class="access-item-icon"><span class="icon icon-sphere"></span></div>
                        <div class="access-item-text">创建应用</div>
                    </div>
                    <div class="access-item">
                        <div class="access-item-icon"><span class="icon icon-cog"></span></div>
                        <div class="access-item-text">配置参数</div>
                    </div>
                    <div class="access-item">
                        <div class="access-item-icon"><span class="icon icon-make-group"></span></div>
                        <div class="access-item-text">接入SDK</div>
                    </div>
                    <div class="access-item">
                        <div class="access-item-icon"><span class="icon icon-spell-check"></span></div>
                        <div class="access-item-text">应用上线</div>
                    </div>
                </div>

                <div class="access-container-phone" id="access-container-phone">
                    <dl>
                        <dt><span class="icon icon-pen"></span></dt>
                        <dd>注册</dd>
                    </dl>
                    <dl>
                        <dt><span class="icon icon-profile"></span></dt>
                        <dd>商户认证</dd>
                    </dl>
                    <dl>
                        <dt><span class="icon icon-sphere"></span></dt>
                        <dd>创建应用</dd>
                    </dl>
                    <dl>
                        <dt><span class="icon icon-cog"></span></dt>
                        <dd>配置参数</dd>
                    </dl>
                    <dl>
                        <dt><span class="icon icon-make-group"></span></dt>
                        <dd>接入SDK</dd>
                    </dl>
                    <dl>
                        <dt><span class="icon icon-spell-check"></span></dt>
                        <dd>应用上线</dd>
                    </dl>
                </div>
            </div>


            <div class="page page7"
                style="background: url(/static/cms/static/images/img-6.jpg) center center no-repeat; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(100%) translateZ(0px);">
                <div class="section-title-cn">关于公司</div>
                <div class="section-title-en">About us</div>
                <div class=" about-container">
                    <p> 支付科技有限公司定位为商户服务，通过自主研发创新，为商户提供综合性的支付服务，互联网运营服务及金融服务。</p>
                    <p> 支付科技有限公司聚焦为移动电子商务提供"安全、快捷、方便"的移动支付服务方案，为企业商户提供个性化的支付产品、安全的支付环境和快捷的接入服务，推动合作伙伴业务快速发展。</p>
                </div>
            </div>


            <div class="page page8"
                style="background: url(/static/cms/static/images/img-9.jpg) center center no-repeat; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(100%) translateZ(0px);">
                <div class="section-title-cn">联系我们</div>
                <div class="section-title-en">Contact us</div>

                <div class="contact-container" id="contact-container">
                    <div class="company-name">支付科技有限公司</div>
                    <div class="contact-info">
                        <div class="contact-info-left">
                            <p><img src="/static/cms/static/images/qq-logo.png" width="17">：88888888 </p>
                            <p><img src="/static/cms/static/images/weixin-logo.png" width="17">：88888888</p>
                            <p><span class="icon icon-phone"></span>：88888888</p>
                        </div>
                        <div class="contact-info-right">
                            <p><img src="/static/cms/static/images/qq-logo.png" width="17">：88888888</p>
                            <p><img src="/static/cms/static/images/weixin-logo.png" width="17">：88888888</p>
                            <p><span class="icon icon-location2"></span>：地球</p>
                        </div>
                        <div class="clear"></div>
                        <!--右侧悬浮菜单-->
                        <div class="slide" style="display:none;">
                            <ul class="icon">
                                <li class="up" title="上一页"></li>
                                <li class="qq"></li>
                                <li class="tel"></li>
                                <li class="wx"></li>
                                <li class="down" title="下一页"></li>
                            </ul>
                            <ul class="info">
                                <li class="qq">
                                    <p>在线沟通，请点我</p>
                                    <p><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=88888888&amp;site=qq&amp;menu=yes"
                                            target="_blank">在线咨询一</a></p>
                                    <p><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=88888888&amp;site=qq&amp;menu=yes"
                                            target="_blank">在线咨询二</a></p>
                                </li>
                                <li class="tel">
                                    <p>咨询热线：<br>88888888<br>电子邮箱：<br> 88888888@88888888.com</p>
                                </li>
                                <li class="wx">
                                    &lt;!&ndash;<div class="img"></div>&ndash;&gt;
                                    <p>微信一：<br>88888888<br>微信二：<br>88888888</p>
                                </li>
                            </ul>
                        </div>
                        <div id="btn" class="index_cy" style="display:none;"></div>
                        <script type="text/javascript">
                            $(function () {

                                $('.slide .icon li').not('.up,.down').mouseenter(function () {
                                    $('.slide .info').addClass('hover');
                                    $('.slide .info li').hide();
                                    $('.slide .info li.' + $(this).attr('class')).show();//.slide .info li.qq
                                });
                                $('.slide').mouseleave(function () {
                                    $('.slide .info').removeClass('hover');
                                });

                                $('#btn').click(function () {
                                    $('.slide').toggle();
                                    if ($(this).hasClass('index_cy')) {
                                        $(this).removeClass('index_cy');
                                        $(this).addClass('index_cy2');
                                    } else {
                                        $(this).removeClass('index_cy2');
                                        $(this).addClass('index_cy');
                                    }

                                });

                            });
                        </script>
                        <!--右侧悬浮菜单 end-->
                    </div>
                    <div class="footer">
                        © 支付科技有限公司 2016 All Rights Reserved.
                    </div>
                </div>
                <div class="contact-container-phone" id="contact-container-phone">
                    <div class="company-name"> 支付科技有限公司</div>
                    <br>
                    <p><img src="/static/cms/static/images/qq-logo.png" width="17">：88888888 </p>
                    <p><img src="/static/cms/static/images/weixin-logo.png" width="17">：88888888</p>


                    <p><img src="/static/cms/static/images/qq-logo.png" width="17">：88888888</p>
                    <p><img src="/static/cms/static/images/weixin-logo.png" width="17">：88888888</p>
                    <p><span class="icon icon-phone"></span>：88888888</p>
                    <p><span class="icon icon-location2"></span>： 地球</p>
                    <hr style="border:1px dashed #ccc;">
                    <p style="color:#ccc;">© 支付科技有限公司 2016 All Rights Reserved. </p>
                </div>


            </div>

        </div>
    </div>
    <div class="mask"></div>

    <script type="text/javascript" src="/static/cms/static/js/index.js"></script>
    <script>
        $("#menu-span").on('click', function () {
            $('#right-menu').css('display', 'block');
            $('#right-menu').stop().animate({ 'right': 3 }, 300);
        });
        $("#right-menu ul li").on('click', function () {
            $('#right-menu').stop().animate({ 'right': -60 }, 300);
            $('#right-menu').css('display', 'none');
        })
                                /*$(".loginBtn").click(function(){
$('form').css('display','block');console.log(2);
});*/
    </script>

</body>

</html>